<template>
	<scroll ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" :up="upOption" @up="upCallback"
	 @emptyclick="emptyClick">
		<view class=" bg-gradual-blue">
			<stop :top="myScrollTop" bgColorFixed="bg-white" startColor="white">
				<view slot="content">设备管理</view>
				<view slot="left" class="fs16 pad3">
					<text class="cuIcon-scan"></text>
				</view>
				<view class="fs16 pad3" slot="right">
					<text class="cuIcon-comment"></text>
				</view>
			</stop>
			<view class="flrc">
				<view class="wh30-30 flcc mar5">
					<view class="fs30">30</view>
					<view class="fs12">所有设备</view>
				</view>
				<view class="wh30-30 flcc mar5">
					<view class="fs30">10</view>
					<view class="fs12">设备故障</view>
				</view>
			</view>
		</view>
		<view class="bcf flrc pad3">
			<view class="fs8 flrc fwb">
				<text class="c02">消息</text>
				<text class="padl2"> NEWS</text>
			</view>
			<view class="flex1 ofe padl5">这里是最新消息这里是最新消息这里是最新消息这里是最新消息这里是最新消息</view>
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">设备</view>
				<view class="c12">更多<text class="fa fa-angle-double-right"></text></view>
			</view>
			<view class="flex-r flex-wrap flex-start mart3">
					<view class="w25  c13 flcc padb3" @tap="goto('/pages/machine/machine_list')">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc pos-r">
							<ripple><text class="fa fa-cubes fa-2x"></text></ripple>
						</view>
						<view class="mart1 c11">全部设备</view>
					</view>
					<view class="w25  c13 flcc padb3" @tap="goto('/pages/machine/break_order_list')">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">故障报修</view>
					</view>
					<view class="w25  c13 flcc padb3" @tap="goto('/pages/machine/break_order_task')">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">维修任务</view>
					</view>
			</view>
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">仓储</view>
				<view class="c12">更多<text class="fa fa-angle-double-right"></text></view>
			</view>
			<view class="flex-r flex-wrap flex-start mart3">
					<view class="w25  c13 flcc padb3">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">全部设备</view>
					</view>
					<view class="w25  c13 flcc padb3">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">维修单</view>
					</view>
					<view class="w25  c13 flcc padb3">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">维修任务</view>
					</view>
			</view>
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">点检\巡检</view>
				<view class="c12">更多<text class="fa fa-angle-double-right"></text></view>
			</view>
			<view class="flex-r flex-wrap flex-start mart3">
					<view class="w25  c13 flcc padb3">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">全部设备</view>
					</view>
					<view class="w25  c13 flcc padb3">
						<view class="bg-gradual-blue wh15-15 round3 shadow flcc">
							<text class="fa fa-cubes fa-2x"></text>
						</view>
						<view class="mart1 c11">维修单</view>
					</view>
			</view>
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">技术分享</view>
			</view>
			<view class="" v-for="item in data">
				<view>{{item.title}}</view>
			</view>
			
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">技术分享</view>
			</view>
			<view class="" v-for="item in data">
				<view>{{item.title}}</view>
			</view>
			
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">技术分享</view>
			</view>
			<view class="" v-for="item in data">
				<view>{{item.title}}</view>
			</view>
			
		</view>
		<view class="mart5 bcf">
			<view class="pad3 flrc">
				<view class="flex1 fwb fs12 c11 list-style-1">技术分享</view>
			</view>
			<view class="" v-for="item in data">
				<view>{{item.title}}</view>
			</view>
			
		</view>
		<loading :loading="myIsLoading"></loading>
	</scroll>
</template>

<script>
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	import List from '../../assets/js/list.js'
	let list = new List()
	export default {
		mixins: [MescrollMixin],
		data() {
			return {
				data: []
			}
		},
		mounted() {
			this.myIsLoading = false
			list.initMescroll(this).setUrl('/api/articles').setCbFunc(res=>{
				this.data = res
				this.clearLoading()
			}).getList()
			
		},
		methods: {

		},
		onLoad(option) {
			
		},
	}
</script>

<style>

</style>
